<template>
  <div style="height: auto;">
    <!-- <p> 音乐故事 {{ItBlogAuthor}} + {{ItMusicName}}</p>
    <p>{{ItBlogText}} + {{ItBlogId}} +{{ItPageView}}</p> -->
    <van-cell-group inset>
    <van-cell @click="showIt()" >

      <van-image width="15" height="15" src="http://rul4y8e5f.hn-bkt.clouddn.com/%E9%9F%B3%E4%B9%90%20%281%29.png"> </van-image>
       {{ItMusicName}}
       
      <p>{{ItBlogText | ellipsis}}   </p>
      <van-row >
        <van-col span="14">
  
          </van-col>
        <van-col span="10">
          <van-image width="15" height="15" src="http://rul4y8e5f.hn-bkt.clouddn.com/%E7%87%83%E8%84%82.png"> </van-image>
          {{ItPageView}}
         </van-col>
      </van-row>
    </van-cell>
  </van-cell-group>
  </div>
</template>

<script>
export default {
   name:'BlogPage2List',

   data() {
    return {
      TbBlog:{
        blogId:"",
        blogText:"",
        blogAuthor:"",
        musicId:"",
        musicName:"",
        pageView:"",
      },
      // mytext:"关于创新学分的通知:①提交截止日期:4.5号晚十点前②需要提交的材料:自己相关材料的复印件以及35号附件里的附件2申请表（打印空表手写或直接打印电子表皆可）③提交规格:每个人自己找回形针或夹子把自己所有的相关文件夹好，申请表放在最上面注意！！5号之后我没有空收材料和统计你们的学分了，要是没有在我规定时间内交材料给我的，自己想办法给刘导了。",
    }
   },

   created(){

   },

// 过滤省略显示
   filters:{
        ellipsis(value){
          if (!value) return '';
          if (value.length > 60) {
            return value.slice(0,60) + '......'
          }
          return value
        }
      },

   methods: {
    showIt(){     
      // this.$toast(this.ItBlogId)
      this.$router.push({name: "blogAllInfo",
      params:{
      blogId: this.ItBlogId
      }
    })
    // this.$router.go(0)
    },
   },

   props:{
    Id: {
      required: true,
      type: String
    },
    ItBlogId:{
      required: true,
      type: String
    },
    ItBlogText:{
      required: true,
      type: String
    },

    ItBlogAuthor:{
      required: true,
      type: String
    },
    ItMusicId:{
      required: true,
      type: String
    },
    ItMusicName:{
      required: true,
      type: String
    },
    
    ItPageView:{
      required: true,
      type: String
    },

   },
}
</script>

<style>

</style>